<script src="project-details.js"></script>
<template>
  <div class="project">
    <!--<x-header style="background-color:#1AAC19;" :left-options="{backText: ''}">
      项目详情
      <div @click="goreport" slot="right">举报</div>
    </x-header>-->
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack">&#xe689;</i>
      项目详情
      <span @click="goreport" class="jubao">举报</span>
      <div class="erweima" @click="showAlert = true"><i class="iconfont icon-wodeerweima"></i></div>
    </div>
    <div class="project-head-img">
          <img :src="imageUrl.imageUrl + eventAll.eventPicUrl"/>
    </div>
    <div class="yinzhang" v-show="yinzhangShow" id = "yinzhangStyle">
        <img :src="imgSrc"/>
    </div>
    <div class="project-content">
      <div class="pro-content">
        <p style="line-height: 12px"><em class="content-title" v-html="eventAll.eventName"></em></p>
        <p>
          <span class="content-collection" v-show="eventType != ''">{{eventType}}</span>
          <span class="content-collection" v-show="eventAll.label[0] != ''">{{eventAll.label[0]}}</span>
          <span class="content-collection" v-show="eventAll.label[1] != ''">{{eventAll.label[1]}}</span>
          <span class="content-collection" v-show="eventAll.label[0] == ''">爱心</span>
          <span class="content-collection" v-show="eventAll.label[1] == ''">捐助</span>
          <span class="content-collection" v-show="eventAll.eventType != 'other'">个人救助</span>
        </p>
        <div class="content-text" >
        	<div v-html="eventAll.eventAbstract"></div>
        	<div class="content_text_peijuan" v-show="eventAll.eventIsDonate == 1">
        		<div class="content_text_peijuan_title"><span>企业配捐</span></div>
        		<div>每位爱心人士捐助本项目，{{eventAll.eventDonateName}}将进行{{eventAll.eventDonatePer}}:1配捐，最高配捐金额为{{eventAll.eventDonateAmount}}元</div>
        	</div>
        </div>
        <ul>
          <li style="text-align: left;">
            <span><i class="iconfont head-icon">&#xe63d;</i><span>目标金额</span></span>
            <p style="margin-left: 4px;left: 22px"><em>{{eventAll.eventGoalAmount}}</em>元</p>
          </li>
          <li style="text-align: center;">
            <span><i class="iconfont head-icon" style="font-size: 18px;">&#xe628;</i><span>已募金额</span></span>
            <p style="text-align: center;margin-left: 10px;left: 34px;"><em>{{eventAll.raiseMoney}}</em>元</p>
          </li>
          <li style="text-align: right">
            <span><i class="iconfont head-icon" style="font-size: 22px">&#xe626;</i><span>募捐人数</span></span>
            <p style="text-align: right;margin-right: 10px;left: 64px"><em>{{eventAll.raisePeople}}</em>人</p>
          </li>
        </ul>
      </div>
    </div>
    <div class="con-list">
      <div>
        <tab v-if="eventAll.feedBackCount > 0" :line-width=2 v-model="index" custom-bar-width="" bar-active-color="#1AAC19">
          <tab-item class="vux-center" @on-item-click="witchShow = 'xiangqing'">
            项目详情
          </tab-item>
          <tab-item class="vux-center" @on-item-click="faqidanwei">
            发起单位
          </tab-item>
          <tab-item class="vux-center" @on-item-click="juankuanjilu">
            捐款记录
          </tab-item>
          <tab-item class="vux-center tab-item-xx" @on-item-click="fankui">
            信息反馈({{eventAll.feedBackCount}})
          </tab-item>
          <!--:badge-label="isXinxi"-->
        </tab>
        <tab v-else="" :line-width=2 v-model="index" custom-bar-width="" bar-active-color="#1AAC19">
          <tab-item class="vux-center" @on-item-click="witchShow = 'xiangqing'">
            项目详情
          </tab-item>
          <tab-item class="vux-center" @on-item-click="faqidanwei">
            发起单位
          </tab-item>
          <tab-item class="vux-center" @on-item-click="juankuanjilu">
            捐款记录
          </tab-item>
          <!--:badge-label="isXinxi"-->
        </tab>
        <!--<swiper v-model="index" :show-dots="false" :threshold="threshold" :min-moving-distance="minmovingdistance">-->
        <div class="details" v-if="witchShow == 'xiangqing'">
          <div class="detailsContent" id="detailsContent" v-html="eventAll.eventContent"></div>
          <div class="leaveT" v-show="leaveMessage.length > 0">
            <h2 class="lineLeft">捐赠留言</h2>
          </div>
          <div class="leave">
            <div class="leaveOneBox" v-for="leaveMessages in leaveMessage">
              <div class="avatarBox">
                <img :src="leaveMessages.headUrl" alt="" v-if="leaveMessages.headUrl != null && leaveMessages.headUrl != ''">
                <img v-else src="../../images/morentouxiang02.jpg" alt="">
              </div>
              <div class="contentBox">
                <p><span class="contentName" v-html="leaveMessages.nickname"></span> <span
                  class="contentTime">{{leaveMessages.time}}</span></p>
                <p class="liuyan" v-html="leaveMessages.content"></p>
                <p class="huifuicon" v-show="leaveMessages.relpy"><i class="iconfont"
                                                                     style="color: #1aac19;font-size: 16px;vertical-align: bottom">&#xe64a;</i>
                  回复</p>
                <p v-html="leaveMessages.relpy"></p>
              </div>
            </div>
          </div>
          <div style="color: #333333;font-size: 14px" @click="moreLeaverMessage" v-show="leaveMessage.length > 0">
            点击查看更多
          </div>
          <div class="btn">
            <flexbox>
              <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule < 100">
                <x-button type="primary" @click.native="wantJuank"><i class="iconfont head-icon"
                                                                      style="font-size: 16px;">&#xe625;</i> 我要捐款
                </x-button>
              </flexbox-item>
              <!--<flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule >= 100">-->
                <!--<x-button type="primary"><i class="iconfont head-icon"-->
                                                                      <!--style="font-size: 16px;">&#xe625;</i> 募捐完成-->
                <!--</x-button>-->
              <!--</flexbox-item>-->
              <!--<flexbox-item v-show="eventAll.eventStatus == 4">-->
                <!--<x-button type="primary"><i class="iconfont head-icon"-->
                                            <!--style="font-size: 16px;">&#xe625;</i> 募捐结束-->
                <!--</x-button>-->
              <!--</flexbox-item>-->
              <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule >= 100">
                <x-button type="primary" @click.native="goHello">查看更多项目
                </x-button>
              </flexbox-item>
              <flexbox-item v-show="eventAll.eventStatus == 4">
                <x-button type="primary" @click.native="goHello">查看更多项目
                </x-button>
              </flexbox-item>
              <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule < 100">
                <x-button type="primary" @click.native="godonation"><i class="iconfont head-icon"
                                                                       style="font-size: 16px">&#xe627;</i> 邀朋友一起捐
                </x-button>
              </flexbox-item>
              <flexbox-item v-show="isVolunteer">
                <x-button type="primary" @click.native="govolunteer"><i class="iconfont head-icon"
                                                                        style="font-size: 16px">&#xe650;</i> 成为志愿者
                </x-button>
              </flexbox-item>
            </flexbox>
          </div>
        </div>
        <div class="company" v-else-if="witchShow == 'danwei'">
          <!--发起单位-->
          <div class="pro">
            <div class="pro-image">
              <img :src="imageUrl.imageUrl + eventAll.organization[0].logo" alt="">
            </div>
            <h2 v-html="eventAll.organization[0].organizationName"></h2>
            <h3>联系人：{{eventAll.organization[0].lianxiName}}</h3>
            <h4>联系电话：{{eventAll.organization[0].lianxiMobile}}</h4>
          </div>

          <div class="briefIntroduction">
            <!--组织简介-->
            <div class="briefIntroduction-box">
              <i class="iconfont head-icon" style="color: #379cee;">&#xe636;</i><span>组织简介</span>
            </div>
            <p v-html="eventAll.organization[0].organizationIntro"></p>
          </div>
          <div class="otherProjects">
            <!--该单位发起的其他项目-->
            <div class="otherProjects-box">
              <i class="iconfont head-icon" style="color: #e1a922;">&#xe637;</i><span>该单位发起的其他项目</span>
            </div>
            <div class="otherProjects-content">
              <div>
                <flexbox v-for="eventOthers in eventOther">
                  <flexbox-item :span="4">
                    <div class="item-image">
                      <img :src="imageUrl.imageUrl + eventOthers.eventPicUrl" alt="">
                    </div>
                  </flexbox-item>
                  <flexbox-item>
                  	<div @click="goProjectDetails(eventOthers.eventId)">
                  		<h3 class="item-title" v-html="eventOthers.eventName">梦想足球场 圆农村孩子的足球梦想地方否地方对方答复</h3>
                    <div class="progress" v-if="eventOthers.eventStatus == 1">
                      <span>{{eventOthers.schedule}}%</span>
                      <x-progress :percent="eventOthers.schedule" :show-cancel="false"></x-progress>
                    </div>
                    <div class="item-mujuan">
                      <span>已筹</span><em>{{eventOthers.raiseMoney}}</em><span>元</span>
                      <div style="float: right" v-if="eventOthers.eventStatus == 1">
                        <span>参加</span><em>{{eventOthers.raisePeople}}</em><span>人次</span></div>
                      <div class="item-jsbtn" v-if="eventOthers.eventStatus == 4">募捐结束</div>
                    </div>
                  	</div>
                  </flexbox-item>
                </flexbox>
              </div>
            </div>
            <div class="more-btn-box">
              <div class="more-btn" @click="moreOtherProjects" v-model="lookMore">{{lookMore}}</div>
            </div>
          </div>
          <div class="btn">
            <flexbox>
              <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule < 100">
                <x-button type="primary" @click.native="wantJuank"><i class="iconfont head-icon"
                                                                      style="font-size: 16px;">&#xe625;</i> 我要捐款
                </x-button>
              </flexbox-item>
              <!--<flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule >= 100">-->
              <!--<x-button type="primary"><i class="iconfont head-icon"-->
              <!--style="font-size: 16px;">&#xe625;</i> 募捐完成-->
              <!--</x-button>-->
              <!--</flexbox-item>-->
              <!--<flexbox-item v-show="eventAll.eventStatus == 4">-->
              <!--<x-button type="primary"><i class="iconfont head-icon"-->
              <!--style="font-size: 16px;">&#xe625;</i> 募捐结束-->
              <!--</x-button>-->
              <!--</flexbox-item>-->
              <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule >= 100">
                <x-button type="primary" @click.native="goHello">查看更多项目
                </x-button>
              </flexbox-item>
              <flexbox-item v-show="eventAll.eventStatus == 4">
                <x-button type="primary" @click.native="goHello">查看更多项目
                </x-button>
              </flexbox-item>
              <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule < 100">
                <x-button type="primary" @click.native="godonation"><i class="iconfont head-icon"
                                                                       style="font-size: 16px">&#xe627;</i> 邀朋友一起捐
                </x-button>
              </flexbox-item>
              <flexbox-item v-show="isVolunteer">
                <x-button type="primary" @click.native="govolunteer"><i class="iconfont head-icon"
                                                                        style="font-size: 16px">&#xe650;</i> 成为志愿者
                </x-button>
              </flexbox-item>
            </flexbox>
          </div>
        </div>
        <div class="record" v-else-if="witchShow == 'jilu'">
          <!--捐款记录-->
          <div class="list">
            <div class="jilu">
                  <!--<span class="rank_span_1" v-on:click="gofindRandSingle">捐赠排名</span>-->
                    <span class="rank_span_2" v-on:click="goTogotherRecord">一起捐记录</span>
            </div>


            <div  style="position: relative;padding: 12px 10px;border-bottom: 0px dashed #cccccc;line-height: 20px;" v-for="(rankTop3, index) in receiptRankTop3">
            <div style="width: 40px;position: relative;top: 13px;">
                            <i v-show="index == 0" class="iconfont" style="color: #ff8402;position: absolute;left: -21px;font-size: 30px">&#xe62e;</i>
                            <i v-show="index == 1" class="iconfont" style="color: #0068ff;position: absolute;left: -21px;font-size: 30px">&#xe62e;</i>
                            <i v-show="index == 2" class="iconfont" style="color: #91d044;position: absolute;left: -21px;font-size: 30px">&#xe62e;</i>
                            <span style="position: absolute;left: -11px;top: 4px;font-size: 17px" :class="{'colorText': index == 0 || index == 1 || index == 2}">{{index+1}}</span>
                          </div>
              <div  style="margin-left: 10px;width: 50px;height: 50px;display: inline-block;border-radius: 50%;overflow: hidden;vertical-align: middle;">
                <img v-if="rankTop3.headUrl != '' && rankTop3.headUrl.indexOf('http') != -1" :src="rankTop3.headUrl" alt="">
                <img v-else-if="rankTop3.headUrl != '' && rankTop3.headUrl.indexOf('http') == -1" :src="imageUrl.imageUrl + rankTop3.headUrl" alt="">
                <img v-else src="../../images/morentouxiang02.jpg" alt="">
              </div>
              <div  style="display: inline-block;vertical-align: top;line-height: 20px;">
                <span  style="font-size: 14px;position: absolute;top: 22px;left: 80px;">{{rankTop3.nickname}}</span>
                <span  style="font-size: 16px;color: #666666;position: absolute;top: 28px;right: 20px;">捐助<em style="color: red;">{{rankTop3.amount}}</em>元</span>
              </div>
            </div>
            <div  style="position: relative;padding: 3px 10px;border-bottom: 1px dashed #cccccc;line-height: 20px;"></div>
            <div class="aList" v-for="eventJuankuans in eventJuankuan">
              <div class="aList-image">
                <img v-if="eventJuankuans.isNiming == 2 && eventJuankuans.headUrl != null && eventJuankuans.headUrl != '' && eventJuankuans.headUrl.indexOf('http') != -1" :src="eventJuankuans.headUrl" alt="">
                <img v-else-if="eventJuankuans.isNiming == 2 && eventJuankuans.headUrl != null && eventJuankuans.headUrl != '' && eventJuankuans.headUrl.indexOf('http') == -1" :src="imageUrl.imageUrl + eventJuankuans.headUrl" alt="">
                <img v-else="" src="../../images/morentouxiang02.jpg" alt="">
              </div>
              <div class="aList-content">
                <span v-if="eventJuankuans.isNiming == 2" class="nickName">{{eventJuankuans.nickname}}</span>
                <span v-else-if="eventJuankuans.isNiming == 1" class="nickName">爱心用户</span>
                <span class="aList-time" v-if="eventJuankuans.pastTime != ''">{{eventJuankuans.pastTime}}</span>
                <span class="aList-money">捐助<em>{{eventJuankuans.amount}}</em>元</span>
              </div>

              <div class="aList-contenttwo" v-show="eventAll.eventIsDonate == 1">
               	<span>{{eventJuankuans.eventDonateName}}</span> <span>配捐</span> <span class="aList-money">{{eventJuankuans.eventAmount}}</span>元
              </div>
            </div>
          </div>
          <inline-loading v-show="showLoading"></inline-loading><span v-show="showLoading">加载中</span>
          <div class="more-btn-box">
            <div class="more-btn" @click="moreOtherJuankuans" v-model="lookMoreJuankuans">{{lookMoreJuankuans}}</div>
          </div>

          <div class="btn">
            <flexbox>
              <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule < 100">
                <x-button type="primary" @click.native="wantJuank"><i class="iconfont head-icon"
                                                                      style="font-size: 16px;">&#xe625;</i> 我要捐款
                </x-button>
              </flexbox-item>
              <!--<flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule >= 100">-->
              <!--<x-button type="primary"><i class="iconfont head-icon"-->
              <!--style="font-size: 16px;">&#xe625;</i> 募捐完成-->
              <!--</x-button>-->
              <!--</flexbox-item>-->
              <!--<flexbox-item v-show="eventAll.eventStatus == 4">-->
              <!--<x-button type="primary"><i class="iconfont head-icon"-->
              <!--style="font-size: 16px;">&#xe625;</i> 募捐结束-->
              <!--</x-button>-->
              <!--</flexbox-item>-->
              <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule >= 100">
                <x-button type="primary" @click.native="goHello">查看更多项目
                </x-button>
              </flexbox-item>
              <flexbox-item v-show="eventAll.eventStatus == 4">
                <x-button type="primary" @click.native="goHello">查看更多项目
                </x-button>
              </flexbox-item>
              <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule < 100">
                <x-button type="primary" @click.native="godonation"><i class="iconfont head-icon"
                                                                       style="font-size: 16px">&#xe627;</i> 邀朋友一起捐
                </x-button>
              </flexbox-item>
              <flexbox-item v-show="isVolunteer">
                <x-button type="primary" @click.native="govolunteer"><i class="iconfont head-icon"
                                                                        style="font-size: 16px">&#xe650;</i> 成为志愿者
                </x-button>
              </flexbox-item>
            </flexbox>
          </div>
        </div>
        <div class="details" v-else-if="witchShow == 'fankui'">
          <!--<div v-if="eventAll.feedBack != ''" class="detailsContent" v-html="eventAll.feedBack[0].feedback"></div>-->
          <div class="detailsContent"  v-if="feedBack.length > 0" v-for="feedBacks in feedBack">
            <p><span v-html="feedBacks.pubUser"></span> <span style="float: right">{{feedBacks.pastTime}}</span></p>
            <p style="margin-bottom: 10px" v-if="feedBacks.money > 0">已拨款{{feedBacks.money}}元</p>
            <div v-html="feedBacks.feedback"></div>
          </div>
          <div v-else>暂无信息反馈</div>
          <!--信息反馈  和项目详情一样只是少了捐款按钮-->
          <!--<h3>本次“爱心助跑圆梦大学”活动旨在通过与企业和社会各界的互动，整合社会资源，凝聚社会力量，弘扬关注弱势群体，关爱他人的良好风尚。</h3>-->
          <!--<p>一、主办单位：共青团金华市委</p>-->
          <!--<p>二、活动时间：2017年7月&#45;&#45;2017年8月</p>-->
          <!--<p>三、活动地点：金华城区</p>-->
          <!--<p>四、资助对象：居住在金华城区的被全国普通高等学校录取的品学兼优、家庭经济困难的大学新生</p>-->
          <!--<p>五、活动内容：帮助月40名贫困大学新生解决第一年部分或全部学费（3000-5000元不等，平均4000元*40人，共需筹集资金约16万元）</p>-->
          <!--<div class="image">-->
          <!--<h2>2016年发放仪式现场</h2>-->
          <!--<div class="image-box">-->
          <!--<img src="../../images/head-li.png" alt="">-->
          <!--</div>-->
          <!--</div>-->
           <div class="btn">
                      <flexbox>
                        <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule < 100">
                          <x-button type="primary" @click.native="wantJuank"><i class="iconfont head-icon"
                                                                                style="font-size: 16px;">&#xe625;</i> {{fankui_btn_text}}
                          </x-button>
                        </flexbox-item>
                        <!--<flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule >= 100">-->
                        <!--<x-button type="primary"><i class="iconfont head-icon"-->
                        <!--style="font-size: 16px;">&#xe625;</i> 募捐完成-->
                        <!--</x-button>-->
                        <!--</flexbox-item>-->
                        <!--<flexbox-item v-show="eventAll.eventStatus == 4">-->
                        <!--<x-button type="primary"><i class="iconfont head-icon"-->
                        <!--style="font-size: 16px;">&#xe625;</i> 募捐结束-->
                        <!--</x-button>-->
                        <!--</flexbox-item>-->
                        <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule >= 100">
                          <x-button type="primary" @click.native="goHello">查看更多项目
                          </x-button>
                        </flexbox-item>
                        <flexbox-item v-show="eventAll.eventStatus == 4">
                          <x-button type="primary" @click.native="goHello">查看更多项目
                          </x-button>
                        </flexbox-item>
                        <flexbox-item v-show="eventAll.eventStatus == 1 && eventAll.schedule < 100">
                          <x-button type="primary" @click.native="godonation"><i class="iconfont head-icon"
                                                                                 style="font-size: 16px">&#xe627;</i> 邀朋友一起捐
                          </x-button>
                        </flexbox-item>
                        <flexbox-item v-show="isVolunteer">
                          <x-button type="primary" @click.native="govolunteer"><i class="iconfont head-icon"
                                                                                  style="font-size: 16px">&#xe650;</i> 成为志愿者
                          </x-button>
                        </flexbox-item>
                      </flexbox>
                    </div>

        </div>

        <!--</swiper>-->
      </div>
    </div>
    <div v-transfer-dom>
      <alert v-model="showAlert" :title="titleAlert"  button-text="确定">
        <!--<qrcode :value="qrcodeImg" type="img"></qrcode>-->
        <vue-qr  :logoSrc="logoSrc" :text="qrcodeImg" height="200" width="200" :margin="margin" colorDark="#333333" colorLight="#333333" :dotScale="dotScale" :logoMargin="logoMargin" :logoCornerRadius="logoCornerRadius"></vue-qr>
      </alert>
    </div>
    <div class="popup">
      <div>
        <popup v-model="show" :hide-on-blur=true position="bottom" width='auto'>
          <div class="popup2">
            <group>
              <cell title="请输入捐款金额">
                <x-icon type="ios-close-empty" size="24" @click="isShow"></x-icon>
              </cell>
            </group>
            <div class="img-box" v-show="showImgBox">
              <div class="img">
               <img src="../../images/20180321142233_meitu_1.jpg" alt="" ></img>
              </div>
              <div class="tet">
                <div>按住，“识别图中二维码”，关注“青春浙江”，实时关注浙江红领巾公益基金：“捐出一元压岁钱，快乐公益我助力”！</div>
              </div>
            </div>

            <checker
                  style="padding-top: 10px"
                  v-model="demo"
                  default-item-class="demo5-item"
                  selected-item-class="itemselected"
                  :radio-required="true"
                  @on-change="checkerWitch()" v-if="eventAll.id == '53e983a801cd4567b4e73cb4b67dd923'"
                >
                  <checker-item  value="20">20元</checker-item>
                  <checker-item  value="50">50元</checker-item>
                  <checker-item class="qitajine" :value="textMoney" v-bind:class="{ itemselected: ifselected}">
                    <input type="number" @keyup="keyups" @blur="blurs" placeholder="其他金额"
                           style="width: 66%;height: 73%;border: none;" v-model="textMoney">
                  </checker-item>
                  <checker-item  value="1000" style="width: 50%;marget-left: 2%;margin-right: 40%;">1000元（资助一名学生）</checker-item>
            </checker>

            <checker
              style="padding-top: 10px"
              v-model="demo"
              default-item-class="demo5-item"
              selected-item-class="itemselected"
              :radio-required="true"
              @on-change="checkerWitch()" v-else
            >
              <checker-item v-for="i in amountConfig" :value="i">{{i}}元</checker-item>
              <checker-item class="qitajine" :value="textMoney" v-bind:class="{ itemselected: ifselected}">
                <input type="number" @keyup="keyups" @blur="blurs" placeholder="其他金额"
                       style="width: 66%;height: 73%;border: none;" v-model="textMoney">
              </checker-item>
            </checker>


            <group v-show="ifShowtt" style="margin-top: 20px">
              <cell title="其他信息（非必填）"></cell>
              <p class="otherTi">*如填写，您的捐赠信息将纳入个人信用体系</p>
            </group>
            <group v-show="ifShowtt" title="" style="margin-top: 10px" class="allGroup">
              <x-input class="allInput" v-model="name" title="" placeholder="您的姓名"></x-input>
            </group>
            <group v-show="ifShowtt" title="" class="allGroup">
              <x-input type="number" class="allInput" title="" ref="mobile" v-model="mobile" is-type="china-mobile"
                       placeholder="您的电话"></x-input>
            </group>
            <group v-show="ifShowtt" title="" class="allGroup">
              <x-input class="allInput" title="" ref="IDNum" v-model="IDNum" :is-type="isID"
                       placeholder="您的身份证号码"></x-input>
            </group>
            <!--<group v-show="ifShowtt" title="" class="allGroup">
              <x-input class="allInput" title="" ref="address" v-model="address"
                       placeholder="地址"></x-input>
            </group>-->
            <group style="margin-top: 20px">
              <cell title="我的留言（非必填）"></cell>
            </group>

            <group title="" class="allGroup">
              <x-textarea class="allTextarea" v-model="liuyan" placeholder="给他们一些鼓励的话吧" :show-counter="false" :rows="1"
                          autosize></x-textarea>
            </group>
            <x-button type="primary" @click.native="primary">立刻捐款</x-button>
            <div>
              <input type="checkbox" value="" v-model="checkOK" @change="checkOk" style="margin-bottom: 2px">
              <span style="color: #999999;font-size: 14px">同意并接受</span>
              <router-link :to="{path: '/aboutqqc', query: {witchOne: 'tiaokuan'}}"><em style="font-size: 14px">《亲青筹用户协议》</em>
              </router-link>
            </div>
            <!--适应苹果手机-->
            <div style="width: 100%;height: 20px"></div>
          </div>
        </popup>
      </div>
    </div>

  </div>
</template>
<style lang="scss" src='./index.scss'></style>
<script src="./project-details.js"></script>
